<div *ngIf="isPC" class="PCrender">
  <div class="header clearf">
    <div class="gateway-navi container">
      <div class="logo fl">
        <a routerLink="/test">RobotClub</a>
      </div>

      <div class="catalog fr clearf">
        <div class= "fl rightgap "><a routerLink="/blog">博客</a></div>
        <div class= "fl rightgap "><a routerLink="/tutorial-editable-template" [queryParams]="{name:'arduino教程'}">arduino教程</a></div>
        <div class= "fl rightgap "><a routerLink="/tutorial-editable-template" [queryParams]="{name:'slam教程'}">slam教程</a></div>
        <div class= "fl rightgap "><a routerLink="/home">关于我们</a></div>
        <app-user style="float: left;"></app-user>
     </div>



    </div>

    <div class="container">
      <div class="brand">
        <img src="../../../assets/jiqirenjulebu.png" alt="北航机器人队" width="70%">
      </div>
    </div>


  </div>



  <div class="container clearf">
    <div class="title">
      热门文章
    </div>
    <div class="content-item">
      <a routerLink="/tutorial-template" [queryParams]="{id:108}">[置顶] 北航机器人队招新公告(附报名方式)</a>
    </div>

    <div class="title">
      推荐教程
    </div>

    <div class="content-item">
      <div class="fl">
        <img src="../../../assets/arduino_icon.jpg" alt="arduino_icon" >
      </div>
      <div class="fl">
        <br>
        <a routerLink="/tutorial-editable-template" [queryParams]="{name:'arduino教程'}">arduino教程</a>
        <br>
        <p>面向小白的机器人入门教程！</p>
      </div>
    </div>

    <div class="content-item">
      <div class="fl">
        <img src="../../../assets/slam_icon.jpg" alt="slam_icon" >
      </div>
      <div class="fl">
        <br>
        <a routerLink="/tutorial-editable-template" [queryParams]="{name:'slam教程'}">slam教程</a>
        <br>
        <p>面向小白的slam教程！</p>
      </div>
    </div>

    <br>

  </div>

  <app-footer></app-footer>


</div>


<div *ngIf="!isPC" class="Mobilerender">
    <img src="../../../assets/baocuo.jpg" alt="错误" width="100%">
    <p style="text-align: center;margin-top:10%">暂不支持移动端，请登录PC端访问</p>
</div>
